<template>
    <div class="screen">
        <!--<img style="width: 254px;height: 420px;" src="../../../../src/assets/HomeFullScreen/smile.jpg" alt="">-->
        <div class="tit">
            <!--<span class="title">{{this.examInfo.examname}}</span>-->
        </div>
        <!--<div class="srcb">{{this.examInfo.examdesc}}</div>-->
        <div class="question">

        </div>
    </div>
</template>

<script>
    export default {
        name: "Phone",
        created(){
            // this.timeD();
            // this.show();
        },
        data(){
            return {
                H:'',
                M:'',
                S:'',
                listQ:'',
                examInfo:''
            }
        },
        computed: {
            getListQ(){
               return this.$store.state.listQ;
            },
            getOneExam(){
                return this.$store.state.listE;
            },
        },
        watch:{
            getListQ(){
                this.listQ = this.store.state.listQ.listQ;
                console.log("oooo");
                console.log(this.listQ);
            },
            getOneExam(){
                this.examInfo = this.store.state.listE.listE;
                console.log("lll");
                console.log(this.examInfo)
            }
        },
        methods: {
            // timeD(){
            //     var duration = this.getOneExam.duration;
            //     this.H = parseInt(duration / 60);
            //     this.M = parseInt(duration - (this.H * 60));
            //     this.S = 0;
            //     setInterval(()=>{
            //         if(this.S !== 0) {
            //             this.S--;
            //         } else if(this.M !== 0) {
            //             this.M--;
            //             this.S = 59;
            //         } else if(this.H !== 0) {
            //             this.H--;
            //             this.M = 59;
            //             this.S = 59;
            //         }
            //     }, 1000);
            // }
        }

    }
</script>

<style scoped>
    .screen{
        width: 254px;
        height: 420px;
        /*background-color: darksalmon;*/
        border: 1px solid RGB(241,243,244);
        /*background-color: RGB(243,245,246);*/
    }
    .title{
        font-weight: 500;
        font-size: 16px;
    }
    .tit {
        box-sizing: border-box;
        width: 254px;
        height: 50px;
        text-align: center;
        padding-top: 15px;
        margin-bottom: 9px;
        /*background-color: blueviolet;*/
    }
    .srcb{
        box-sizing: border-box;
        width: 254px;
        height: 45px;
        font-size: 13px;
        padding: 10px 20px;
        /*background-color: burlywood;*/
    }
    .time{
        box-sizing: border-box;
        font-size: 12px;
        text-align: center;
        padding: 5px 0;
        /*background-color: red;*/
    }
</style>
